<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/pages/safeai/jsp/common/taglibs.jsp"%>
<head>
<title>商品对比</title>
<%@ include file="/pages/safeai/jsp/common/meta.jsp"%>
<script language="JavaScript" src="${ctx}/js/jquery.js"></script>
<script language="JavaScript" src="${ctx}/js/filter.js"></script>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/css/catalog.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="bg">
  <div class="bg_inside">
  <div class="head">
  	<%@ include file="/pages/safeai/jsp/shop/header.jsp"%>	
  </div>
<div class="middle" >
<div class="bread">您所在的位置：首页 > 商品比较</div>
  <div class="wp_sidebar" id="oMainListSidebar" style="width:970px;float:left">
        <div class="mo_wp">
          <div class="mo_title" onclick="fMainListToggle(this)">
            <div class="mo_title_r1 btn_all_tiny_img" ></div>
            <div class="mo_title_l">
              <div align="left"  style="padding-left:20px">基本信息</div>
            </div>
          </div>
          <div style="display: ; " class="mo_con" align="left">
            <div align="left"  style="color:#888888" >
              <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #efefef;float:left" >
                <tr>
                  <td width="150" align="center" valign="middle" class="compare_rb compare_list">商品图片</td>
                  <td width="410" align="center" valign="middle" class="compare_rb">
                  <span style="display:block;width:130px;height:130px;">
                  <a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${compareList[0].id}" target="_blank">
                  		<img width="130" height="130" src="${ctx}/product_image/${compareList[0].id}_1_130X130.jpg"/border="0" />
                  	</a></span>
                  <a href="${ctx}/shopping/viewShoppingCart.do?m=addProductForward&id=${compareList[0].id}&number=1">
                  	<img src="${ctx}/images/products_addcart.jpg"/border="0" /></a>
                   　		<a href="${ctx}/front/favorite.do?method=addFavorite&productId=${compareList[0].id}">
                   <img src="${ctx}/images/fav.jpg"/border="0" /></a></td>
                  <td width="410" align="center" valign="middle" class="compare_rb">
                  <span style="display:block;width:130px;height:130px;">
                 <a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${compareList[1].id}" target="_blank">
                  		<img style="width:130px;height:130px;" src="${ctx}/product_image/${compareList[1].id}_1_130X130.jpg"/border="0" />
                  		</a>
                  		</span>
                  <a href="${ctx}/shopping/viewShoppingCart.do?m=addProductForward&id=${compareList[1].id}&number=1">
                  	<img src="${ctx}/images/products_addcart.jpg"/border="0" /></a>
                   　		<a href="${ctx}/front/favorite.do?method=addFavorite&productId=${compareList[1].id}">
                   <img src="${ctx}/images/fav.jpg"/border="0" /></a></td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品名称</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">
                  	<a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${compareList[0].id}" target="_blank">${compareList[0].name}</a>
                  	</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">
                  	<a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${compareList[1].id}" target="_blank">${compareList[1].name}</a>
                	</td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品简介</td>
              
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">
                  <c:if test="${compareList[0].description4==null || compareList[0].description4==''}">
	  				无
	  			  </c:if>
	  			  ${compareList[0].description4}
                  </td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">
                  <c:if test="${compareList[1].description4==null || compareList[1].description4==''}">
	  				无
	  			  </c:if>
                  	${compareList[1].description4}
                  </td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品价格</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[0].price}</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[1].price}</td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品品牌</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[0].brandName}</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[1].brandName}</td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品产地</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[0].area}</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[1].area}</td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">商品评分</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb"><img src="${ctx}/images/icon/star_${score0}.jpg" /></td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb"><img src="${ctx}/images/icon/star_${score1}.jpg" /></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
	    <div class="mo_wp">
          <div class="mo_title " onclick="fMainListToggle(this)">
            <div class="mo_title_r1 btn_all_tiny_img"></div>
            <div class="mo_title_l">
              <div align="left" style="padding-left:20px">相关说明</div>
              
            </div>
          </div>
	      <div style="display: ;" class="mo_con">
	        <div align="left"   class="grayfont" >
	          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #efefef;float:left" >
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">库存现状</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb"><bean:message key="status.${compareList[0].status}"/> </td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb"><bean:message key="status.${compareList[1].status}"/></td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">赠送积分</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[0].getPoint}</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[1].getPoint}</td>
                </tr>
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list">质保条款 </td>
                  <c:if test="${compareList[0].attention==1 || compareList[0].attention==2 || compareList[0].attention==0}">
                  	<td width="410" height="30" align="center" valign="middle" class="compare_rb"><bean:message key="attention.${compareList[0].attention}"/></td>
                  </c:if>
                  <c:if test="${compareList[0].attention!=1 && compareList[0].attention!=2 && compareList[0].attention!=0}">
                  	<td width="410" height="30" align="center" valign="middle" class="compare_rb">无</td>
                  </c:if>
                  <c:if test="${compareList[1].attention==1 || compareList[1].attention==2 || compareList[1].attention==0}">
                  	<td width="410" height="30" align="center" valign="middle" class="compare_rb"><bean:message key="attention.${compareList[1].attention}"/></td>
                  </c:if>
                  <c:if test="${compareList[1].attention!=1 && compareList[1].attention!=2 && compareList[1].attention!=0}">
                  	<td width="410" height="30" align="center" valign="middle" class="compare_rb">无</td>
                  </c:if>
                </tr>
                <tr>
                  <td width="150" height="15" align="center" valign="middle" class="compare_rb compare_list">人气指数</td>
                  <td width="410" height="15" align="center" valign="middle" class="compare_rb">${attentionScore0 }</td>
                  <td width="410" height="15" align="center" valign="middle" class="compare_rb">${attentionScore1}</td>
                </tr>
              </table>
	        </div>
	      </div>
        </div>
	    <div class="mo_wp">
          <div class="mo_title " onclick="fMainListToggle(this)">
            <div class="mo_title_r1 btn_all_tiny_img"></div>
            <div class="mo_title_l">
              <div align="left" style="padding-left:20px">详细参数</div>
            </div>
          </div>
	      <div style="display:;" class="mo_con" align="center">
	        <div align="left"    class="grayfont">
	          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #efefef;float:left" >
                <tr>
                  <td width="150" height="30" align="center" valign="middle" class="compare_rb compare_list"></td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[0].description2 }</td>
                  <td width="410" height="30" align="center" valign="middle" class="compare_rb">${compareList[1].description2 }</td>
                </tr>
              </table>
	        </div>
	      </div>
        </div>
      </div>
</div>
<div class="bottom">
<%@ include file="/pages/safeai/jsp/shop/bottom.jsp"%>
</div>
</div>
<script>
function fMainListToggle(obj){
	obj = obj.parentNode;
	var domselect = null;
	var domImg = null ;
	var tmp = obj.getElementsByTagName('div');
	for(var i=0;i<tmp.length;i++){
		if(tmp[i].className == 'mo_con'){
			domselect = tmp[i];
		}
		if(tmp[i].className == 'mo_title_r1 btn_all_tiny_img'){
			domImg = tmp[i];
		}
	}
	if(domselect.style.display == 'none'){
		domselect.style.display = '';
		domImg.style.backgroundPosition = '0 0';
	}else{
		domselect.style.display = 'none';
		domImg.style.backgroundPosition = '-16px 0';
	}
	return ;
}
</script>
</body>
</html>
  